<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>长木医疗</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/myCss/head.css">
    <link rel="stylesheet" href="css/myCss/mySwipe.css">
    <link rel="stylesheet" href="css/myCss/index.css">
    <link rel="stylesheet" href="css/myCss/popup.css">
    <script src="js/myJS/remJS.js"></script>
    <link rel="stylesheet" href="css/myCss/subCss/moduleTitle.css">
    <link rel="stylesheet" href="css/myCss/footer.css">
    <link rel="stylesheet" href="css/myCss/departmentIntroduction.css">
    <link rel="stylesheet" href="css/myCss/medicalService.css">
</head>
<body>
    <div>
        <!--顶部-->
        <div class="head" id="head">
            <div class="headLeft">
                <img src="img/logoIcon.png"/>
            </div>
            <!--头部标题-->
            <div class="headTitle">长木医疗</div>
            <div class="headRight">
                <!--头部按钮-->
                <button type="button" class="headBtn">
                    <img class="headBtnImg" src="img/moreIcon.png"/>
                </button>
            </div>
        </div>

        <!--轮播图-->
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <!--轮播图下的小点点，data-slide-to为索引-->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>
            <!-- Wrapper for slides -->
            <!--轮播图的图片-->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="img/swipeImg.png"/>
                </div>
                <div class="item">
                    <img src="img/swipeImg.png"/>
                </div>
                <div class="item">
                    <img src="img/swipeImg.png"/>
                </div>
            </div>
        </div>
    </div>
    <!--页面的内容-->
    <div class="moduleContent">
        <!--页面中的模块标题模块-->
        <div class="module">
            <div class="moduleContent_title">
                <span class="verticalLine"></span>
                科室介绍
            </div>
        </div>
        <!--科室介绍里的内容-->
        <div class="container hosDepContainer">
            <!--这是一行-->
            <div class="row">
                <!--A标签为一块-->
                <a href="page/departmentIntroduction.html">
                    <ul class="col-xs-3 col-sm-3 hospitalDepartments">
                        <li><img src="img/keShiIcon/quankeIcon.png"></li>
                        <li>
                            <sapn>全科</sapn>
                        </li>
                    </ul>
                </a>
                <a href="page/departmentIntroduction.html">
                    <ul class="col-xs-3 col-sm-3 hospitalDepartments">
                        <li><img src="img/keShiIcon/fukeIcon.png"></li>
                        <li>
                            <sapn>妇科</sapn>
                        </li>
                    </ul>
                </a>
                <a href="page/departmentIntroduction.html">
                    <ul class="col-xs-3 col-sm-3 hospitalDepartments">
                        <li><img src="img/keShiIcon/erkeIcon.png"></li>
                        <li>
                            <sapn>儿科</sapn>
                        </li>
                    </ul>
                </a>
                <a href="page/departmentIntroduction.html">
                    <ul class="col-xs-3 col-sm-3 hospitalDepartments">
                        <li><img src="img/keShiIcon/xingxuegaunkeIcon.png"></li>
                        <li>
                            <sapn>心血管科</sapn>
                        </li>
                    </ul>
                </a>
            </div>
            <div class="row">
                <a href="page/departmentIntroduction.html">
                    <ul class="col-xs-3 col-sm-3 hospitalDepartments">
                        <li><img src="img/keShiIcon/zhongliukeIcon.png"></li>
                        <li>
                            <sapn>肿瘤科</sapn>
                        </li>
                    </ul>
                </a>
                <a href="page/departmentIntroduction.html">
                    <ul class="col-xs-3 col-sm-3 hospitalDepartments">
                        <li><img src="img/keShiIcon/shengjingkeIcon.png"></li>
                        <li>
                            <sapn>神经科</sapn>
                        </li>
                    </ul>
                </a>
                <a href="page/departmentIntroduction.html">
                    <ul class="col-xs-3 col-sm-3 hospitalDepartments">
                        <li><img src="img/keShiIcon/kangfukeIcon.png"></li>
                        <li>
                            <sapn>康复科</sapn>
                        </li>
                    </ul>
                </a>
                <a href="page/departmentIntroduction.html">
                    <ul class="col-xs-3 col-sm-3 hospitalDepartments">
                        <li><img src="img/keShiIcon/zhongyikeIcon.png"></li>
                        <li>
                            <sapn>中医科</sapn>
                        </li>
                    </ul>
                </a>
            </div>
        </div>
    </div>
    <!--水平线-->
    <div class="HorizontalLine"></div>
    <!--诊所地点-->
    <div class="moduleContent">
        <div class="module">
            <div class="moduleContent_title">
                <span class="verticalLine"></span>
                诊所地点
            </div>
        </div>
        <!--地点信息-->
        <div class="container">
            <div class="row">
                <!--A标签为一块-->
                <a href="page/clinicDistribution.html">
                    <div class="col-xs-6 col-sm-6 location">
                        <ul class="location_img_left"
                            style="background:url('img/shenzhengchangmuImg.png');background-size:cover;background-position:center;background-repeat:no-repeat; ">
                            <li>深圳长木医疗诊所</li>
                        </ul>
                    </div>
                </a>
                <a href="page/clinicDistribution.html">
                    <div class="col-xs-6 col-sm-6 location">
                        <ul class="location_img_right"
                            style="background:url('img/zanjiangchangmuImg.png');background-size:cover;background-position:center;background-repeat:no-repeat; ">
                            <li>湛江长木医疗诊所湛江长木医疗诊所湛江长木医疗诊所</li>
                        </ul>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!--水平线-->
    <div class="HorizontalLine"></div>
    <div class="moduleContent">
        <div class="module">
            <div class="moduleContent_title">
                <span class="verticalLine"></span>
                长木动态资讯
                <!--点击跳转至健康资讯-->
                <a class="moduleLink" href="page/healthDynamics.html">更多</a>
            </div>
            <div class="moduleNews container">

                <a href="page/information_details.html">
                <div class="row theNews">
                    <ul class="col-xs-3 col-sm-3 newsImg" style="background:url('img/newsImg.png');background-size:cover;background-position:center;background-repeat:no-repeat;"></ul>
                    <ul class="col-xs-9 col-sm-9">
                        <li>杨慧霞教授受邀参加第39届美国木台医学大会杨慧霞教授受邀参加第39届美国木台医学大会</li>
                        <li class="newsAuthor">
                            <span>妇产科</span>
                            <span>王源</span>
                        </li>
                    </ul>
                </div>
                </a>

                <a href="page/information_details.html">
                <hr class="dashedLine">
                <div class="row theNews">
                    <ul class="col-xs-3 col-sm-3 newsImg" style="background:url('img/newsImg.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></ul>
                    <ul class="col-xs-9 col-sm-9">
                        <li>杨慧霞教授受邀参加第39届美国木台医学大会</li>
                        <li class="newsAuthor">
                            <span>妇产科</span>
                            <span>王源</span>
                        </li>
                    </ul>
                </div>
                </a>

                <a href="page/information_details.html">
                <hr class="dashedLine">
                <div class="row theNews">
                    <ul  class="col-xs-3 col-sm-3 newsImg" style="background:url('img/newsImg.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></ul>
                    <ul class="col-xs-9 col-sm-9">
                        <li>杨慧霞教授受邀参加第39届美国木台医学大会</li>
                        <li class="newsAuthor">
                            <span>妇产科</span>
                            <span>王源</span>
                        </li>
                    </ul>
                </div>
                </a>

            </div>
        </div>
    </div>
    <div class="HorizontalLine"></div>
    <div class="moduleContent">
        <div class="module">
            <div class="moduleContent_title">
                <span class="verticalLine"></span>
                产品套餐
            </div>
        </div>
        <div class="productPackages container">
            <a href="page/package_details.html">
                <div class="row package">
                    <ul class="col-xs-3 col-sm-3 newsImg"
                        style="background:url('img/taocanImg.png');background-size:cover;background-position:center;background-repeat:no-repeat;"></ul>
                    <ul class="col-xs-9 col-sm-9">
                        <li>儿童套餐儿童套餐儿童套餐儿童套餐儿童套餐儿童套餐儿童套餐</li>
                        <li class="packageDesc">
                            <span>暖心套餐（关爱精英套餐）暖心套餐（关爱精英套餐）暖心套餐（关爱精英套餐）暖心套餐（关爱精英套餐）</span>
                        </li>
                    </ul>
                </div>
            </a>
            <hr class="dashedLine">
            <a href="page/package_details.html">
                <div class="row package">
                    <ul class="col-xs-3 col-sm-3 newsImg"
                        style="background:url('img/taocanImg.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></ul>
                    <ul class="col-xs-9 col-sm-9">
                        <li>儿童套餐</li>
                        <li class="packageDesc">
                            <span>暖心套餐（关爱精英套餐）</span>
                        </li>
                    </ul>
                </div>
            </a>
            <hr class="dashedLine">
            <a href="page/package_details.html">
                <div class="row package">
                    <ul class="col-xs-3 col-sm-3 newsImg"
                        style="background:url('img/taocanImg.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></ul>
                    <ul class="col-xs-9 col-sm-9">
                        <li>儿童套餐</li>
                        <li class="packageDesc">
                            <span>暖心套餐（关爱精英套餐）</span>
                        </li>
                    </ul>
                </div>
            </a>
        </div>
    </div>
    <!--底部-->
    <div class="footer">
        <div class="footerBackgroundImg" style="background:url('img/footer/footerBackgroundImg.png');background-size:cover;background-position:center;background-repeat:no-repeat; ">
            <div class="contactUS">
                <ul>
                    <li class="footer_title">联系我们</li>
                    <li class="footer_contactUs_content">电话：400-888-8888</li>
                    <li class="footer_contactUs_content">手机：15888885225</li>
                    <li class="footer_contactUs_content">邮箱：123@163.com</li>
                    <li class="footer_contactUs_content">总部地址：深圳市某某区某某路某某广场某号楼某号</li>
                </ul>
            </div>
            <div class="QRCode">
                <ul>
                    <li><img src="img/footer/footerErweimaImg.png"></li>
                    <li>扫一扫关注公众号</li>
                </ul>
            </div>
        </div>
        <div class="footerBottom">
            <ul>
                <li>
                    ©Copyright © 2018-2019
                </li>
                <li>
                    www.xxxxxx.comAll rights reserved 版权所有
                </li>
            </ul>
        </div>
    </div>


    <!--菜单栏-->
    <div id="popupTop" class="popup hidePopup popupAction">
        <!--顶部-->
        <div class="head">
            <div class="headLeft">
                <img src="img/logoIcon.png"/>
            </div>
            <div class="headTitle">长木医疗</div>
            <div class="headRight">
                <button type="button" class="headBtn">
                    <img class="headBtnImg" src="img/moreIcon.png"/>
                </button>
            </div>
        </div>
        <!--导航菜单栏-->
        <div id="menuContent">
            <div class="popupNav"><a id="popup0" href="index.html">首页</a></div>
            <div class="popupNav"><a id="popup1" href="page/aboutUs.html">关于长木</a></div>
            <div class="popupNav"><a id="popup2" href="">医疗服务</a></div>
            <div class="popupNav"><a id="popup3" href="">科室介绍</a></div>
            <div class="popupNav"><a id="popup4" href="page/clinicDistribution.html">诊所分布</a></div>
            <div class="popupNav"><a id="popup5" href="page/healthDynamics.html">健康资讯</a></div>
            <div class="popupNav"><a id="popup6" href="page/membershipService.html">会员服务</a></div>
            <div class="popupLang">
                <div class="popupLangLeft">
                    <ul>
                        <li>
                            <a href="#">中文</a>
                            <!--垂直线-->
                            <span class="popupVerticalLine"></span>
                            <a href="#">English</a>
                        </li>
                    </ul>
                </div>
                <div class="popupLangRight">
                    <ul>
                        <li>
                            <a href="page/register.html">注册</a>
                            <span class="popupVerticalLine"></span>
                            <a href="page/login.html">登录</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="popupSearch">
            <ul>
                <li>
                    <!--放大镜图标-->
                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                    <!--手机的输入法中换行键变为搜索键-->
                    <form class="formSearch" action='' onsubmit="return false;">
                        <!--焦点在文本框上时，将文本框移至最上方，同时显示取消按钮-->
                        <input id="popupText"  type="search" value="" placeholder="搜索专家/病症">
                    </form>
                    <!--文本框中不为空时显示搜索按钮，为空时显示取消按钮-->
                    <button class="popupCancelButton" id="popupCancelButton">取消</button>
                    <button class="popupSearchButton" id="popupSearchButton">搜索</button>
                </li>
            </ul>
        </div>
        <!--清除浮动效果-->
        <div style="clear: both"></div>
        <!--搜索时的提示-->
        <div id="searchTip">
            <ul class="searchContentTitle">
                <li>
                    热门搜索
                </li>
            </ul>
            <!--提示内容-->
            <div class="searchContentTip">
                <ul>
                    慢性病
                </ul>
                <ul>
                    心血管病
                </ul>
                <ul>
                    中医资讯
                </ul>
                <ul>
                    肿瘤
                </ul>
            </div>
        </div>

        <!--医疗服务-->
        <div>
            <div class="container medSer">
                <div class="row medSerGroup">
                    <a href="page/technicalTeam.html">
                        <ul class="col-xs-6 col-sm-6 subMedSer medSerLine_right">
                            <div class="subMedSerImg"
                                 style="background: url('img/medicalService/server_02_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                            <li>专家团队专家团队专家团队专家团队</li>
                        </ul>
                    </a>
                    <a href="page/crossMedical.html">
                        <ul class="col-xs-6 col-sm-6 subMedSer">
                            <div class="subMedSerImg"
                                 style="background: url('img/medicalService/hospital_08_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                            <li>国际医疗</li>
                        </ul>
                    </a>
                </div>
                <div class="medSerLine_bottom"></div>
                <div class="row medSerGroup">
                    <a href="page/familyDoctor.html">
                        <ul class="col-xs-6 col-sm-6 subMedSer medSerLine_right holdUpContent">
                            <div class="subMedSerImg"
                                 style="background: url('img/medicalService/hospital_05_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                            <li>家庭医生</li>
                        </ul>
                    </a>
                    <a href="page/chronicManagement.html">
                        <ul class="col-xs-6 col-sm-6 subMedSer holdUpContent">
                            <div class="subMedSerImg"
                                 style="background: url('img/medicalService/health_02_03.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></div>
                            <li>慢病管理</li>
                        </ul>
                    </a>
                </div>
            </div>
        </div>
        <!--科室介绍-->
        <div class="container depIntro">
            <div class="row depIntro_group">
                <div class="col-xs-6 col-sm-6 depIntro_item">
                    <a href="page/departmentIntroduction.html">
                        <ul>
                            <li class="depIntro_item_img"><img src="img/keShiIcon/quankeIcon.png"/></li>
                            <li class="depIntro_item_title">全科</li>
                            <li class="depIntro_item_line"><span></span></li>
                            <li class="depIntro_item_English">General Practice</li>
                        </ul>
                    </a>
                </div>
                <div class="col-xs-6 col-sm-6 depIntro_item depIntro_item_right">
                    <a href="page/departmentIntroduction.html">
                        <ul>
                            <li class="depIntro_item_img"><img src="img/keShiIcon/fukeIcon.png"/></li>
                            <li class="depIntro_item_title">妇科</li>
                            <li class="depIntro_item_line"></li>
                            <li class="depIntro_item_English">General Practice</li>
                        </ul>
                    </a>
                </div>
            </div>
            <div class="row depIntro_group">
                <div class="col-xs-6 col-sm-6 depIntro_item">
                    <a href="page/departmentIntroduction.html">
                        <ul>
                            <li class="depIntro_item_img"><img src="img/keShiIcon/erkeIcon.png"/></li>
                            <li class="depIntro_item_title">儿科</li>
                            <li class="depIntro_item_line"><span></span></li>
                            <li class="depIntro_item_English">General Practice</li>
                        </ul>
                    </a>
                </div>
                <div class="col-xs-6 col-sm-6 depIntro_item depIntro_item_right">
                    <a href="page/departmentIntroduction.html">
                        <ul>
                            <li class="depIntro_item_img"><img src="img/keShiIcon/xingxuegaunkeIcon.png"/></li>
                            <li class="depIntro_item_title">心血管科</li>
                            <li class="depIntro_item_line"><span></span></li>
                            <li class="depIntro_item_English">General Practice</li>
                        </ul>
                    </a>
                </div>
            </div>
            <div class="row depIntro_group">
                <div class="col-xs-6 col-sm-6 depIntro_item">
                    <a href="page/departmentIntroduction.html">
                        <ul>
                            <li class="depIntro_item_img"><img src="img/keShiIcon/shengjingkeIcon.png"/></li>
                            <li class="depIntro_item_title">神经科</li>
                            <li class="depIntro_item_line"><span></span></li>
                            <li class="depIntro_item_English">General Practice</li>
                        </ul>
                    </a>
                </div>
                <div class="col-xs-6 col-sm-6 depIntro_item depIntro_item_right">
                    <a href="page/departmentIntroduction.html">
                        <ul>
                            <li class="depIntro_item_img"><img src="img/keShiIcon/zhongliukeIcon.png"/></li>
                            <li class="depIntro_item_title">肿瘤科</li>
                            <li class="depIntro_item_line"><span></span></li>
                            <li class="depIntro_item_English">General Practice</li>
                        </ul>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/myJS/popupTop.js"></script>
    <script src="js/myJS/swipeJS.js"></script>

</body>
</html>
